table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td {
    padding: 0;
}

.box {
    width: 100%;
    height: 100%;
    background: url(../../../public/bigbackground.png) center;
    // background-size: 100% 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 1669px;

    .header {
        width: 100%;
        height: 11%;
        background: url(../../../public/titlebackground.png) no-repeat;
        background-size: 100%;
        text-align: center;

        .title {
            height: 35.8%;
            background: url(../../../public/titlebg.png);
            // background-size: 100% 100%;
            // position: absolute;
            // top: 35px;
            // bottom: 40px;
            // left: 650px;
            // right: 653px;
            padding: 0;
            padding-top: 35px;
            margin: 0 auto;

            span {
                // width: 100%;
                // height: 100%;
                font-family: iFontszhounianti;
                font-weight: 400;
                font-size: 52px;
                color: #CBF3FE;
                line-height: 39px;
            }
        }
    }

    .content {
        display: flex;
        height: 87.9%;
    }

    .left {
        width: 29.7%;
        height: 100%;
        margin-left: 40px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;

        .left_area {
            height: 27%;
            background: url(../../../public/xiaqubg.png) no-repeat;
            background-size: 100% 100%;
        }

        .left_oldman {
            height: 25.9%;
            background: url(../../../public/oldmanbg.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 20px;

            .oldman {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .oldman>div {
                // margin: auto !important;
                display: flex !important;
                justify-content: flex-start !important;
                width: 100% !important;
                height: 100% !important;
            }
        }

        .left_chronic_diseases {
            height: 38%;
            background: url(../../../public/chronic_diseases_bg.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 20px;

            .manbing {
                padding: 0 10px;
            }

            .manbing>div {
                height: 100% !important;
            }

            .bottom {
                width: 100%;
                height: 36%;
                display: flex;
                padding: 0 24px;
                justify-content: space-between;
                // align-items: center;
                margin-top: 10px;

                .bottom_tang {
                    flex: 1;
                    height: 75%;
                    background: url(../../../public/tang.png) no-repeat;
                    background-size: 100% 100%;
                    margin-right: 16px;
                    display: flex;
                    justify-content: space-around;

                    .title {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        padding: 18px 0;

                        .total {
                            font-family: D-DIN-PRO;
                            font-weight: 500;
                            font-size: 45px;
                            color: #D4F0F9;
                            line-height: 34px;
                            text-shadow: 1px 3px 9px rgba(12, 28, 52, 0.16);
                            margin-bottom: 14px;
                            text-align: center;
                        }

                        .people {
                            font-family: DOUYU;
                            font-weight: 400;
                            font-size: 11px;
                            color: #DDF8FF;
                            line-height: 12px;
                            text-shadow: 1px 3px 9px rgba(12, 28, 52, 0.16);
                            text-align: center;
                        }
                    }

                    .sex {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: space-around;

                        .nan {
                            display: flex;
                            align-items: center;

                            .nan_title {
                                font-family: Microsoft YaHei;
                                font-weight: 400;
                                font-size: 14px;
                                color: #94AFEA;
                            }

                            .nan_number {
                                font-family: D-DIN-PRO;
                                font-weight: 500;
                                font-size: 20px;
                                color: #D4F0F9;
                                margin-left: 10px;

                                .ren {
                                    font-family: Adobe Heiti Std;
                                    font-weight: normal;
                                    font-size: 12px;
                                    color: #D4F0F9;
                                }
                            }
                        }
                    }
                }

                .bottom_xueya {
                    flex: 1;
                    height: 70%;
                    background: url(../../../public/tang.png) no-repeat;
                    background-size: 100% 100%;
                }
            }
        }
    }

    .center {
        width: 34.3%;
        height: 100%;
        margin-top: 10px;
        margin-left: 20px;
        display: flex;
        flex-direction: column;

        .center_map {
            width: 100%;
            height: 55.2%;
            background: url(../../../public/mapcenter.png) no-repeat;
            background-size: 100% 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            .amap-logo {
                display: none !important;
            }

            .amap-copyright {
                display: none !important;
            }
        }

        .center_heathy {
            height: 38%;
            margin-top: 20px;
            background: url(../../../public/heathybg.png) no-repeat;
            background-size: 100% 100%;

            .center_table {
                width: 100%;
                height: 84%;
                padding: 5px;
                overflow: auto;
                text-align: center;

                ::-webkit-scrollbar {
                    display: none;
                }

                .tou_list {
                    width: 100%;

                    .tab_name {
                        box-sizing: border-box;
                        padding: 10px 0;
                        font-size: 18px;
                        line-height: 36px;

                        .name {
                            width: 15%;
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: 14px;
                            color: #43588E;
                        }

                        .xueya {
                            width: 15%;
                            font-size: 14px;
                            color: #43588E;
                        }

                        .xuetang {
                            width: 15%;
                            color: #43588E;
                            font-size: 14px;

                        }

                        .xinlv {
                            width: 15%;
                            color: #43588E;
                            font-size: 14px;

                        }

                        .tiwen {
                            width: 15%;
                            color: #43588E;
                            font-size: 14px;

                        }

                        .time {
                            width: 25%;
                            color: #43588E;
                            font-size: 14px;
                        }
                    }
                }

                .city_list {
                    width: 100%;
                    height: auto;
                }



                .table_cro {
                    height: 86%;
                    overflow: auto;
                }

                .city_container {
                    box-sizing: border-box;
                    padding: 30px 0;
                    color: #D4F0F9;
                    font-size: 16px;
                    line-height: 35px;

                    .name {
                        width: 15%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;

                    }

                    .xueya {
                        width: 15%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;
                    }

                    .xuetang {
                        width: 15%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;

                    }

                    .xinlv {
                        width: 15%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;

                    }

                    .tiwen {
                        width: 15%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;

                    }

                    .time {
                        width: 25%;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        font-size: 14px;
                        color: #D4F0F9;
                        // line-height: 28px;
                    }
                }

                .city_container:hover {
                    background-color: #3861E8;
                    opacity: 0.3;
                }
            }

            .center_table::-webkit-scrollbar {
                display: none;
            }
        }
    }

    .right {
        width: 29.8%;
        height: 100%;
        margin-top: 10px;
        margin-left: 20px;
        display: flex;
        flex-direction: column;

        .right_popular_science {
            width: 100%;
            height: 41.7%;
            background: url(../../../public/PopularSciencebg.png) no-repeat;
            background-size: 100% 100%;


            .data {
                display: flex;
                justify-content: space-around;
                align-items: center;
                width: 100%;
                margin-top: 43px;

                .item {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;

                    .number {
                        font-family: D-DIN-PRO;
                        font-weight: 500;
                        font-size: 45px;
                        color: #D4F0F9;
                        line-height: 34px;
                        text-shadow: 1px 3px 9px rgba(12, 28, 52, 0.16);

                        span {
                            font-family: Adobe Heiti Std;
                            font-weight: normal;
                            font-size: 20px;
                            color: #D4F0F9;
                            line-height: 34px;
                            text-shadow: 1px 3px 9px rgba(12, 28, 52, 0.16);
                        }
                    }

                    .title {
                        font-family: DOUYUFont;
                        font-weight: 400;
                        font-size: 11px;
                        color: #DDF8FF;
                        line-height: 12px;
                        text-shadow: 1px 3px 9px rgba(12, 28, 52, 0.16);
                    }
                }


            }

            .chart {
                width: 100%;
                height: 56%;
                display: flex;
                flex-direction: column;
                padding: 0 30px;
                margin-top: 30px;
                // margin-left: 30px;
                // padding-right: 29px;

                .number {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    height: 30%;
                    // justify-content: flex-start;

                    .item {
                        width: 100%;
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: space-between;
                        // align-items: center;

                        .item_left {
                            flex: 1;
                            height: 6px;
                            background: linear-gradient(270deg, #0065EE 0%, #00E1FF 100%);
                            border-radius: 3px;
                            opacity: 0.99;
                            margin-right: 5px;
                        }

                        .item_right {
                            flex: 1;
                            height: 6px;
                            background: linear-gradient(90deg, #00C196 0%, #00FFC7 100%);
                            border-radius: 3px;
                        }
                    }

                    .number_data {
                        display: flex;
                        flex-wrap: nowrap;
                        justify-content: space-between;
                        margin-top: 2px;

                        .number_title {
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: 14px;
                            color: #94AFEA;
                            // line-height: 28px;
                        }

                        .number_content {
                            font-family: D-DIN-PRO;
                            font-weight: 500;
                            font-size: 20px;
                            color: #D4F0F9;

                        }

                        .number_biaoti {
                            font-family: Adobe Heiti Std;
                            font-weight: normal;
                            font-size: 12px;
                            color: #D4F0F9;
                        }
                    }

                }
            }

            .call {
                display: flex;
                height: 85%;

                .call_number {
                    width: 44%;
                    height: 100%;

                    #call_number {
                        width: 100%;
                        height: 70%;
                        padding: 30px 0 0 0;
                    }

                    #call_number>div {
                        width: 100% !important;
                        height: 100% !important;
                        margin: 0 0 0 60px !important;
                    }

                    .call_content {
                        width: 100%;
                        height: 30%;
                        display: flex;
                        flex-direction: column;
                        padding: 0 0 0 60px;

                        // align-items: center;
                        .item {
                            display: flex;
                            justify-content: space-around;
                            align-items: center;
                            margin-bottom: 10px;
                            height: 25%;

                            .name {
                                font-family: Microsoft YaHei;
                                font-weight: 400;
                                font-size: 14px;
                                color: #94AFEA;
                                // margin-right: 15px;
                                flex: 3;
                                text-align: left;
                            }

                            .number {
                                font-family: D-DIN-PRO;
                                font-weight: 500;
                                font-size: 14px;
                                color: #D4F0F9;
                                // flex: 2;
                                text-align: right;
                            }

                            .danwei {
                                font-family: Adobe Heiti Std;
                                font-weight: normal;
                                font-size: 11px;
                                color: #D4F0F9;
                                margin-left: 3px;
                                margin-right: 10px;
                            }
                        }
                    }
                }

                .call_data {
                    width: 56%;
                    height: 100%;
                    padding: 20px 0 0 20px;
                    overflow: auto;
                    text-align: center;

                    ::-webkit-scrollbar {
                        display: none;
                    }
                    .tou_list{
                        width: 100%;
                        .tab_name{
                            box-sizing: border-box;
                            padding: 10px 0;
                            line-height: 36px;
                            .name{
                                width: 40%;
                                font-family: MicrosoftYaHei;
                                font-weight: 400;
                                font-size: 14px;
                                color:#94AFEA ;
                            }
                            .time{
                                width: 60%;
                                font-family: MicrosoftYaHei;
                                font-weight: 400;
                                font-size: 14px;
                                color:#94AFEA;
                            }
                        }
                    }
                    .city_list {
                        width: 100%;
                        height: auto;
                    }
                    .table_call {
                        height: 86%;
                        overflow: auto;
                    }
    
                    .city_container {
                        box-sizing: border-box;
                        padding: 30px 0;
                        color: #D4F0F9;
                        font-size: 16px;
                        line-height: 32px;
    
                        .name {
                            width: 40%;
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: 14px;
                            color: #D4F0F9;
                            // line-height: 28px;
    
                        }
                        .time {
                            width: 60%;
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: 14px;
                            color: #D4F0F9;
                            // line-height: 28px;
                        }
                    }
    
                    .city_container:hover {
                        background-color: #3861E8;
                        opacity: 0.3;
                    }
                }
                .call_data::-webkit-scrollbar {
                    display: none;
                }
            }
        }

        .right_becovery {
            height: 51.9%;
            background: url(../../../public/kangfubg.png) no-repeat;
            background-size: 100% 100%;
            margin-top: 20px;
            display: flex;
            flex-direction: column;

            .center_becovery {
                width: 100%;
                height: 46.8%;
                display: flex;
                justify-content: space-around;
                flex-wrap: wrap;
                margin-top: 12px;

                .item {
                    width: 46.3%;
                    height: 47%;
                    background: url(../../../public/jkbg.png) no-repeat;
                    background-size: 100% 100%;

                    // margin-top: 15px;
                    .data {
                        width: 100%;
                        display: flex;
                        justify-content: space-around;
                        // margin-top: 10px;
                        height: 66.3%;

                        .logo {
                            width: 35%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 0 0 10px 18px;
                        }

                        .content {
                            width: 55%;
                            height: 100%;
                            display: flex;
                            flex-direction: column;
                            padding-right: 10px;
                            // align-items: center;
                            // justify-content: space-between;

                            .title {
                                font-family: 'Microsoft YaHei';
                                font-weight: 400;
                                font-size: 14px;
                                color: #94AFEA;
                                // line-height: ' 28px';
                            }

                            .number {
                                font-family: D-DIN-PRO;
                                font-weight: 500;
                                font-size: 20px;
                                color: #D4F0F9;
                                // line-height: 44px;
                            }
                        }
                    }
                }
            }

            .online_becovery {
                width: 95%;
                height: 33.8%;
                background: url(../../../public/onlinebg.png) no-repeat;
                background-size: 100% 100%;
                margin: 14px;

                .becovery>div {
                    width: 100% !important;
                    height: 100% !important;
                    margin: 0 0 0 40px !important;
                }

                .becovery_right {
                    width: 60%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;

                    .item {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding-right: 30px;
                        height: 33.3%;

                        .name {
                            font-family: Microsoft YaHei;
                            font-weight: 400;
                            font-size: 14px;
                            color: #94AFEA;
                            margin-right: 20px;
                            flex: 2;
                            text-align: left;
                        }

                        .number {
                            font-family: D-DIN-PRO;
                            font-weight: 500;
                            font-size: 20px;
                            color: #D4F0F9;
                            flex: 2;
                            text-align: right;
                        }

                        .danwei {
                            font-family: Adobe Heiti Std;
                            font-weight: normal;
                            font-size: 12px;
                            color: #D4F0F9;
                            margin-left: 3px;
                            margin-right: 10px;
                        }

                        .baifenbi {
                            font-family: D-DIN-PRO;
                            font-weight: 500;
                            font-size: 20px;
                            color: #D4F0F9;
                            flex: 1.5;
                            text-align: right;
                        }
                    }
                }
            }
        }
    }
}
.ant-notification{
    inset: 35% auto auto 50% !important;
}
.custom-class{
    margin: 0;
    padding: 0;
    width: 237px;
    height: 107px;
    background: url(../../../public/notification_bg.png) no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ant-notification-notice-wrapper{
    background: none !important;
}
.ant-notification-notice-content>div{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    .ant-notification-notice-message{
        color: #00FCF9 !important;
        font-weight: 400 !important;
    }
}